<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	
<ui:composition>
	<rich:spacer height="8" />

<style>
.viewsourcepanel {
	padding-bottom: 0px;
	width: 100%;
	overflow: auto;
	border-width: 0;
	background-color: #FFF;
}

.viewsourcebody {
	padding: 0;
}

.viewsourceheader {
	background-color: #E6F3F7;
	background-image: none;
	border-width: 0px;
	padding: 0px;
	height: 6px;
}

.viewsourcediv {
	padding: 0 10px 10px 3px;
}
</style>
 <f:subview >
	<div style="width: 483px" class="viewsourcediv">
	<rich:panel id="source1"
		bodyClass="viewsourcebody" headerClass="viewsourceheader"
		styleClass="viewsourcepanel">
		<div style="width: 1000px;">
		<rich:panelBar style="height:auto; border-bottom:none;" width="2800">
		<!-- Bang du lieu -->
		<h:form>
					<h:dataTable id="list" value="#{beanSSTyLe.list}" var="item" 
								columnClasses="column" headerClass="TableHeader" rowClasses="ROW1,ROW2" footerClass="TableFooter" 
					       style="width:100%; margin-left:0px;margin-top: 0px" cellspacing="1px;" rows="20">
						<h:column >
							<f:facet name="header">
								<h:outputText value="STT"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.stt}"></h:outputText>
							<f:facet name="footer">
								<rich:spacer></rich:spacer>
							</f:facet>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Quốc gia"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.quocgia}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Số lượng người đi"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.soluongnguoidi}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Tỷ lệ phần trăm"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.tylephantram}"></h:outputText>
						</h:column>
						</h:dataTable>
						<!-- phan trang -->
						<rich:datascroller align="right"  for="list" maxPages="10" />
						<!-- ket thuc phan trang -->
				</h:form>
		<!-- Ket thuc bang du lieu -->
		</rich:panelBar>
		</div>
	</rich:panel>
	</div>
</f:subview>	
</ui:composition>
</html>

